<template>
  <capsule>
    <view class="column align-center">
      <image class="img" src="/pagePublic/static/1.png"></image>
      <text class="build-txt mt-24">服务维护中</text>
      <view class="txt pl-20 pr-20 box mt-16 text-center">
        {{ msg || '服务维护中~ 请联系管理员后重试' }}
      </view>
      <view class="btn mt-80" @tap="back">返回</view>
    </view>
  </capsule>
</template>

<script lang="ts" setup>
  import capsule from '@/components/capsule/index.vue'
  import { onLoad } from '@dcloudio/uni-app'
  import { ref } from 'vue'
  const msg = ref('')
  onLoad((option) => {
    msg.value = decodeURIComponent(option.msg as string)
  })

  const back = () => {
    uni.navigateBack({})
  }
</script>

<style scoped lang="scss">
  .img {
    margin-top: 80rpx;
    width: 360rpx;
    height: 240rpx;
  }

  .build-txt {
    opacity: 0.8;
    font-weight: 500;
    font-size: 32rpx;
    color: #1e262f;
  }
  .txt {
    font-weight: 400;
    font-size: 28rpx;
    color: rgba(30, 38, 47, 0.4);
  }
  .btn {
    height: 88rpx;
    background-image: linear-gradient(-45deg, #75befc 0%, #408af7 100%);
    box-shadow: 0 8rpx 16rpx 0 rgba(64, 138, 247, 0.3);
    border-radius: 44rpx;
    line-height: 88rpx;
    width: 100%;
    font-size: 30rpx;
    color: #ffffff;
    text-align: center;
  }
</style>
